<div class="box category">
  <div class="box-heading"><?php echo $heading_title; ?><div class="head-arrow"><i class="fa fa-caret-down"></i></div></div>
  <div class="box-content">
    
    <ul class="mainMenu" role="menu">
        <li data-submenu-id="submenu-patas">
            <a href="#">Patas</a>
            <span class="linkDesc">small description for main link</span>
            <div id="submenu-patas" class="popover">
                <div class="popover-content" style="height: 600px;">
                    <ul class="intMenu">
                        <li class="catTitle"><a href="">Category Title</a></li>
                        <li><a href="">First link</a>
                            <span class="linkDesc">small description for first link</span>
                        </li>
                        <li><a href="">Second link</a></li>
                        <li><a href="">Third link</a>
                            <span class="linkDesc">small description for third link</span>
                        </li>
                        <li><a href="">Fourth link</a>
                            <span class="linkDesc">small description for fourth link</span>
                        </li>
                        <li><a href="">Fifth link</a></li>
                        <li><a href="">Sixth link</a></li>
                        <li><a href="">Seventh link</a></li>
                        <li class="catTitle"><a href="">Category Title</a></li>
                        <li><a href="">First link</a></li>
                        <li><a href="">Second link</a></li>
                    </ul>
                    <ul class="intMenu">
                        <li class="catTitle"><a href="">Category Title</a></li>
                        <li><a href="">First link</a>
                            <span class="linkDesc">small description for first link</span>
                        </li>
                        <li><a href="">Second link</a>
                            <span class="linkDesc">small description for second link</span>
                        </li>
                        <li><a href="">Third link</a>
                            <span class="linkDesc">small description for third link</span>
                        </li>
                        <li><a href="">Fourth link</a>
                            <span class="linkDesc">small description for fourth link</span>
                        </li>
                        <li><a href="">Fifth link</a></li>
                        <li><a href="">Sixth link</a></li>
                    </ul>
                    <div class="menuCatImg" style="right:0; bottom:0;"><img src="catalog/view/theme/denzi/image/img-cat-2.png"></div>
                </div>
            </div>
        </li>
        <li data-submenu-id="submenu-snub-nosed">
            <a href="#">Golden Snub-Nosed</a>
            <span class="linkDesc">small description for main link</span>
            <div id="submenu-snub-nosed" class="popover">
                <div class="popover-content" style="height: 470px;">
                    <ul class="intMenu">
                        <li class="catTitle"><a href="">Category Title</a></li>
                        <li><a href="">First link</a>
                            <span class="linkDesc">small description for first link</span>
                        </li>
                        <li><a href="">Second link</a></li>
                        <li><a href="">Third link</a>
                            <span class="linkDesc">small description for third link</span>
                        </li>
                        <li><a href="">Fourth link</a>
                            <span class="linkDesc">small description for fourth link</span>
                        </li>
                        <li><a href="">Fifth link</a></li>
                        <li><a href="">Sixth link</a></li>
                        <li><a href="">Seventh link</a></li>
                        <li class="catTitle"><a href="">Category Title</a></li>
                        <li><a href="">First link</a></li>
                        <li><a href="">Second link</a></li>
                    </ul>
                    <div class="menuCatImg" style="right:-20px; bottom:-11px;"><img src="catalog/view/theme/denzi/image/img-cat.png"></div>
                </div>
            </div>
        </li>
        <li data-submenu-id="submenu-duoc-langur">
            <a href="#">Duoc Langur</a>
            <span class="linkDesc">small description for main link</span>
        </li>
        <li data-submenu-id="submenu-pygmy">
            <a href="#">Baby Pygmy Marmoset</a>
            <span class="linkDesc">small description for main link</span>
        </li>
        <li data-submenu-id="submenu-tamarin">
            <a href="#">Black Lion Tamarin</a>
            <span class="linkDesc">small description for main link</span>
        </li>
        <li data-submenu-id="submenu-monk">
            <a href="#">Monk Saki</a>
            <span class="linkDesc">small description for main link</span>
        </li>
        <li data-submenu-id="submenu-gabon">
            <a href="#">Gabon Talapoin</a>
            <span class="linkDesc">small description for main link</span>
        </li>
        <li data-submenu-id="submenu-grivet">
            <a href="#">Grivet</a>
        </li>
        <li data-submenu-id="submenu-red-leaf">
            <a href="#">Red Leaf</a>
        </li>
        <li data-submenu-id="submenu-king-colobus">
            <a href="#">King Colobus</a>
        </li>
    </ul>
 
  </div>
</div>
